<!DOCTYPE HTML>
<html lang="en-US" manifest="../manifest.appcache">
    
    <head>
        
        <meta charset="UTF-8">
        <title>Alert | Bootstrap Repositories</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 0.6.2">
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    
    
    
    <link rel="next" href="../display/notifications.html" />
    
    
    <link rel="prev" href="../display/pagination.html" />
    

        
    </head>
    <body>
        
        
<link rel="stylesheet" href="../gitbook/style.css">


        
    <div class="book"  data-level="4.4" data-basepath=".." data-revision="1406952009123">
    <div class="book-header">
    <!-- Actions Left -->
    <a href="#" class="btn pull-left toggle-summary" aria-label="Toggle summary"><i class="fa fa-align-justify"></i></a>
    
    <a href="https://github.com/null" target="_blank" class="btn pull-left home-bookmark" aria-label="GitHub home"><i class="fa fa-bookmark-o"></i></a>
    
    <a href="#" class="btn pull-left toggle-search" aria-label="Toggle search"><i class="fa fa-search"></i></a>
    <span id="font-settings-wrapper">
        <a href="#" class="btn pull-left toggle-font-settings" aria-label="Toggle font settings"><i class="fa fa-font"></i>
        </a>
        <div class="dropdown-menu font-settings">
    <div class="dropdown-caret">
        <span class="caret-outer"></span>
        <span class="caret-inner"></span>
    </div>

    <div class="btn-group btn-block">
        <button id="reduce-font-size" class="btn btn-default">A</button>
        <button id="enlarge-font-size" class="btn btn-default">A</button>
    </div>

    <ul class="list-group font-family-list">
        <li class="list-group-item" data-font="0">Serif</li>
        <li class="list-group-item" data-font="1">Sans</li>
    </ul>

    <div class="btn-group btn-group-xs btn-block color-theme-list">
        <button type="button" class="btn btn-default" id="color-theme-preview-0" data-theme="0">White</button>
        <button type="button" class="btn btn-default" id="color-theme-preview-1" data-theme="1">Sepia</button>
        <button type="button" class="btn btn-default" id="color-theme-preview-2" data-theme="2">Night</button>
    </div>
</div>

    </span>

    <!-- Actions Right -->
    
    <a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Share on Google Plus"><i class="fa fa-google-plus"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="Share on Facebook"><i class="fa fa-facebook"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="Share on Twitter"><i class="fa fa-twitter"></i></a>
    

    

    <!-- Title -->
    <h1>
        <i class="fa fa-spinner fa-spin"></i>
        <a href="../" >Bootstrap Repositories</a>
    </h1>
</div>

    

<div class="book-summary">
    <div class="book-search">
        <input type="text" placeholder="Search" class="form-control" />
    </div>
    <ul class="summary">
        
        

        

        

	

        

        
    
        
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                        <i class="fa fa-check"></i>
                        
                         Introduction
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="1" data-path="articles/README.html">
            
                
                    <a href="../articles/README.html">
                        <i class="fa fa-check"></i>
                        
                            <b>1.</b>
                        
                         Articles
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="2" data-path="themes/README.html">
            
                
                    <a href="../themes/README.html">
                        <i class="fa fa-check"></i>
                        
                            <b>2.</b>
                        
                         Themes
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3" data-path="input/README">
            
                
                    <a href="../input/README">
                        <i class="fa fa-check"></i>
                        
                            <b>3.</b>
                        
                         Input
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="3.1" data-path="input/form.html">
            
                
                    <a href="../input/form.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.1.</b>
                        
                         Form
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.2" data-path="input/date_time.html">
            
                
                    <a href="../input/date_time.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.2.</b>
                        
                         Date Time
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.3" data-path="input/color_picker.html">
            
                
                    <a href="../input/color_picker.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.3.</b>
                        
                         Color Picker
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.4" data-path="input/file.html">
            
                
                    <a href="../input/file.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.4.</b>
                        
                         File
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.5" data-path="input/spin.html">
            
                
                    <a href="../input/spin.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.5.</b>
                        
                         Spin
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.6" data-path="input/checkbox.html">
            
                
                    <a href="../input/checkbox.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.6.</b>
                        
                         Checkbox
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.7" data-path="input/select_box.html">
            
                
                    <a href="../input/select_box.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.7.</b>
                        
                         Select box
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.8" data-path="input/tag.html">
            
                
                    <a href="../input/tag.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.8.</b>
                        
                         Tag
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.9" data-path="input/editor.html">
            
                
                    <a href="../input/editor.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.9.</b>
                        
                         Editor
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.10" data-path="input/button.html">
            
                
                    <a href="../input/button.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.10.</b>
                        
                         Button
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.11" data-path="input/validation.html">
            
                
                    <a href="../input/validation.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.11.</b>
                        
                         Validation
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.12" data-path="input/tour.html">
            
                
                    <a href="../input/tour.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.12.</b>
                        
                         Tour
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.13" data-path="input/wizard.html">
            
                
                    <a href="../input/wizard.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.13.</b>
                        
                         Wizard
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="3.14" data-path="input/input.html">
            
                
                    <a href="../input/input.html">
                        <i class="fa fa-check"></i>
                        
                            <b>3.14.</b>
                        
                         Other
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="4" data-path="display/README.html">
            
                
                    <a href="../display/README.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.</b>
                        
                         Display
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="4.1" data-path="display/navbar.html">
            
                
                    <a href="../display/navbar.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.1.</b>
                        
                         Navbar
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.2" data-path="display/table.html">
            
                
                    <a href="../display/table.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.2.</b>
                        
                         Table
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.3" data-path="display/pagination.html">
            
                
                    <a href="../display/pagination.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.3.</b>
                        
                         Pagination
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter active" data-level="4.4" data-path="display/alert.html">
            
                
                    <a href="../display/alert.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.4.</b>
                        
                         Alert
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.5" data-path="display/notifications.html">
            
                
                    <a href="../display/notifications.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.5.</b>
                        
                         Notifications
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.6" data-path="display/modal.html">
            
                
                    <a href="../display/modal.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.6.</b>
                        
                         Modal
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.7" data-path="display/tab.html">
            
                
                    <a href="../display/tab.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.7.</b>
                        
                         Tab
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.8" data-path="display/gallery.html">
            
                
                    <a href="../display/gallery.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.8.</b>
                        
                         Gallery
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="4.9" data-path="display/effect.html">
            
                
                    <a href="../display/effect.html">
                        <i class="fa fa-check"></i>
                        
                            <b>4.9.</b>
                        
                         Effect
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="5" data-path="display/other.html">
            
                
                    <a href="../display/other.html">
                        <i class="fa fa-check"></i>
                        
                            <b>5.</b>
                        
                         Other
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="6" data-path="youtube/README.html">
            
                
                    <a href="../youtube/README.html">
                        <i class="fa fa-check"></i>
                        
                            <b>6.</b>
                        
                         Youtube
                    </a>
                
            
            
        </li>
    


        
        <li class="divider"></li>
        <li>
            <a href="http://www.gitbook.io/" target="blank" class="gitbook-link">Generated using GitBook</a>
        </li>
        
    </ul>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="page-wrapper" tabindex="-1">
                <div class="book-progress">
    <div class="bar">
        <div class="inner" style="width: 75.86206896551724%;min-width: 72.41379310344827%;"></div>
    </div>
    <div class="chapters">
    
        <a href="../index.html" title="Introduction" class="chapter done new-chapter" data-progress="0" style="left: 0%;"></a>
    
        <a href="../articles/README.html" title="Articles" class="chapter done new-chapter" data-progress="1" style="left: 3.4482758620689653%;"></a>
    
        <a href="../themes/README.html" title="Themes" class="chapter done new-chapter" data-progress="2" style="left: 6.896551724137931%;"></a>
    
        <a href="../input/README" title="Input" class="chapter done new-chapter" data-progress="3" style="left: 10.344827586206897%;"></a>
    
        <a href="../input/form.html" title="Form" class="chapter done " data-progress="3.1" style="left: 13.793103448275861%;"></a>
    
        <a href="../input/date_time.html" title="Date Time" class="chapter done " data-progress="3.2" style="left: 17.24137931034483%;"></a>
    
        <a href="../input/color_picker.html" title="Color Picker" class="chapter done " data-progress="3.3" style="left: 20.689655172413794%;"></a>
    
        <a href="../input/file.html" title="File" class="chapter done " data-progress="3.4" style="left: 24.137931034482758%;"></a>
    
        <a href="../input/spin.html" title="Spin" class="chapter done " data-progress="3.5" style="left: 27.586206896551722%;"></a>
    
        <a href="../input/checkbox.html" title="Checkbox" class="chapter done " data-progress="3.6" style="left: 31.03448275862069%;"></a>
    
        <a href="../input/select_box.html" title="Select box" class="chapter done " data-progress="3.7" style="left: 34.48275862068966%;"></a>
    
        <a href="../input/tag.html" title="Tag" class="chapter done " data-progress="3.8" style="left: 37.93103448275862%;"></a>
    
        <a href="../input/editor.html" title="Editor" class="chapter done " data-progress="3.9" style="left: 41.37931034482759%;"></a>
    
        <a href="../input/button.html" title="Button" class="chapter done " data-progress="3.10" style="left: 44.827586206896555%;"></a>
    
        <a href="../input/validation.html" title="Validation" class="chapter done " data-progress="3.11" style="left: 48.275862068965516%;"></a>
    
        <a href="../input/tour.html" title="Tour" class="chapter done " data-progress="3.12" style="left: 51.724137931034484%;"></a>
    
        <a href="../input/wizard.html" title="Wizard" class="chapter done " data-progress="3.13" style="left: 55.172413793103445%;"></a>
    
        <a href="../input/input.html" title="Other" class="chapter done " data-progress="3.14" style="left: 58.62068965517241%;"></a>
    
        <a href="../display/README.html" title="Display" class="chapter done new-chapter" data-progress="4" style="left: 62.06896551724138%;"></a>
    
        <a href="../display/navbar.html" title="Navbar" class="chapter done " data-progress="4.1" style="left: 65.51724137931035%;"></a>
    
        <a href="../display/table.html" title="Table" class="chapter done " data-progress="4.2" style="left: 68.96551724137932%;"></a>
    
        <a href="../display/pagination.html" title="Pagination" class="chapter done " data-progress="4.3" style="left: 72.41379310344827%;"></a>
    
        <a href="../display/alert.html" title="Alert" class="chapter done " data-progress="4.4" style="left: 75.86206896551724%;"></a>
    
        <a href="../display/notifications.html" title="Notifications" class="chapter  " data-progress="4.5" style="left: 79.3103448275862%;"></a>
    
        <a href="../display/modal.html" title="Modal" class="chapter  " data-progress="4.6" style="left: 82.75862068965517%;"></a>
    
        <a href="../display/tab.html" title="Tab" class="chapter  " data-progress="4.7" style="left: 86.20689655172414%;"></a>
    
        <a href="../display/gallery.html" title="Gallery" class="chapter  " data-progress="4.8" style="left: 89.65517241379311%;"></a>
    
        <a href="../display/effect.html" title="Effect" class="chapter  " data-progress="4.9" style="left: 93.10344827586206%;"></a>
    
        <a href="../display/other.html" title="Other" class="chapter  new-chapter" data-progress="5" style="left: 96.55172413793103%;"></a>
    
        <a href="../youtube/README.html" title="Youtube" class="chapter  new-chapter" data-progress="6" style="left: 100%;"></a>
    
    </div>
</div>

                <div class="page-inner">
                
                    <section class="normal" id="section-gitbook_552">
                    
                        <h1 id="alert">Alert</h1>
<ul>
<li><a href="http://goo.gl/t4H3jK" target="_blank">Alerts</a></li>
<li><a href="http://goo.gl/AWyU7C" target="_blank">Jasny - Alerts</a></li>
</ul>

                    
                    </section>
                
                </div>
            </div>
        </div>

        
        <a href="../display/pagination.html" class="navigation navigation-prev " aria-label="Previous page: Pagination"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../display/notifications.html" class="navigation navigation-next " aria-label="Next page: Notifications"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/jsrepl/jsrepl.js" id="jsrepl-script"></script>
<script src="../gitbook/app.js"></script>

    
    <script src="../gitbook/plugins/"></script>
    

    
    <script src="../gitbook/plugins/"></script>
    

<script>
require(["gitbook"], function(gitbook) {
    var config = {};
    gitbook.start(config);
});
</script>

        
    </body>
    
</html>
